<!DOCTYPE html>
<html>
  <head>
    <title>login.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  <link rel="stylesheet" href="layui/css/layui.css" type="text/css"></link>
  <script type="text/javascript" src="layui/layui.js"></script>
  <style type="text/css">
  	.login-bg{
  	/*background: #eeeeee 0 0 no-repeat;*/
	  	background:url(http://lovetime.gitee.io/weadmin/static/images/bg.png) no-repeat;  
	    width:100%;
	    height:100%;
	    background-size:100%; 
  	}
  	
  .login {
    margin: 120px auto 0 auto;	
    min-height: 420px;
    max-width: 420px;
    padding: 40px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    /* overflow-x: hidden; */
    box-sizing: border-box;
		}
  </style>
  <script type="text/javascript" src="js/util/jquery.js"></script>
  <script type="text/javascript" src="js/util/des.js"></script></head>
  <body  class="login-bg">
  	<div class="login">
  	
  		<form class="layui-form" action="">
  			<div style="text-align: center;font-size: 20px;">登陆 </div>
  			<div style="border: 1px solid red;"> </div>
  		
		  <div class="layui-form-item" style="margin-top: 40px" >
		    <div class="">
		      <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="用户名" class="layui-input">
		    </div>
		  </div>
		  
		  <div class="layui-form-item" style="margin-top: 20px">
		    <div class=" ">
		      <input type="password" name="password" lay-verify="pass" placeholder="请输入密码" autocomplete="off" class="layui-input">
		    </div>
		  </div>
		  
		   <div class="layui-form-item" pane="">
		   	<div style="float:left ;">
		   		<input type="text" name="vo" onblur="blurVo()" id="vo" lay-verify="title" autocomplete="off" placeholder="验证码" class="layui-input">
		   	</div>
		   	<div style="float: left;">
		   		<a href="javascript:void(0)" onclick="queryVo()">
			   		<div id="imagei">
			   			<img  alt="" src="">
			   		</div>
		   		</a>
		   	</div>
  			</div>
  			<div style="width: 216px; margin-left: 60px;margin-top:30px">
      			<a href="manager/index.html" class="layui-btn layui-btn-fluid" target="_blank">登陆</a>
    		</div>
		</form>
  	</div>
  	
	<script type="text/javascript">
		function queryVo(){
			$.get("userLoginController/verifyCode.zt",function(data){
				$("#imagei").html("<img src='"+data.verifyCode+"' height='38' width='100' style='margin-left:20px' >");
			},"JSON");
		}
		function blurVo(){
			var vo= $("#vo").val();
			$.get("userLoginController/verfyCodeIf.zt?vo="+vo,function(data){
				 var result= data.result;
				 if(result){
				 	alert(result);
				 }
			},"JSON");
		}
		//queryVo();
		function descUp(){
			//加密方法        
            var  enResult = strEnc("1","1","2","3");      
            console.log(enResult);      
            //解密方法
            var deResult = strDec(enResult,"1","2","3");
            console.log(deResult);
		}
		descUp();
	</script>
		  	
  </body>
</html>
